<template>
	<view class="p-2">
		<view class="mb-2 p-2 bg-white rounded"
		hover-class="bg-secondary"
		v-for="(item, index) in list" :key="index"
		@click="open(item)">
			<view class="text-dark font-md">{{item.title}}</view>
			<view class="font text-light-muted">{{item.desc}}</view>
			<view class="font text-light-muted">{{item.time}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						title: "uniapp仿微信app正式开始了",
						desc: "开启纯nvue，大大提高性能",
						time: "9月份"
					},
					{
						title: "uniapp仿微信app正式开始了",
						desc: "开启纯nvue，大大提高性能",
						time: "9月份"
					},
					{
						title: "uniapp仿微信app正式开始了",
						desc: "开启纯nvue，大大提高性能",
						time: "9月份"
					},
					{
						title: "uniapp仿微信app正式开始了",
						desc: "开启纯nvue，大大提高性能",
						time: "9月份"
					}
				]
			}
		},
		methods: {
			open(item) {
				uni.navigateTo({
					url: '../msg-detail/msg-detail?detail=' + JSON.stringify(item)
				});
			}
		}
	}
</script>

<style>
page {
	background-color: #EEEEEE;
}
</style>
